/* ===================================================
   🔹 Áß¾Ó ¹è³Ê Àüü
=================================================== */
#center_banner {
  text-align: center;
  background: #0f3d2e;                /* ´ÙÅ©±×¸° */
  padding: 30px 0;
  font-family: 'Noto Sans KR', sans-serif !important;
}


/* ===================================================
   🔹 °øÅë ÅؽºÆ®
=================================================== */
#center_banner p {
  margin: 0;
  font-weight: 900;
  line-height: 1.4;
}


/* ===================================================
   🔹 1ÁÙ (Å« ÅؽºÆ®)
=================================================== */
#center_banner .cb_line1 {
  font-size: clamp(28px, 3.5vw, 60px);


  /* ¾Ö´Ï¸ÞÀÌ¼Ç */
  animation: line1_show 2.8s infinite;
  animation-timing-function: ease-out; /* ºÎµå·¯¿î ³¡ ó¸® */
}


/* ===================================================
   🔹 2ÁÙ (¼­ºê ÅؽºÆ®)
=================================================== */
#center_banner .cb_line2 {
  font-size: clamp(22px, 3vw, 60px);
  margin-top: 8px;


  /* ¾Ö´Ï¸ÞÀÌ¼Ç */
  animation: line2_show 2.8s infinite;
  animation-timing-function: ease-out;
}


/* ===================================================
   🔹 ±âº» ÅؽºÆ®
=================================================== */
#center_banner .cb_normal {
  color: #ffffff;
}


/* ===================================================
   🔹 °­Á¶ »ö»ó
=================================================== */
#center_banner .cb_red {
  color: #ff3b3b;
}


#center_banner .cb_yellow {
  color: #ffe600;
}


#center_banner .cb_orange {
  color: #ff8c00;
}


/* ===================================================
   🔹 1ÁÙ ¾Ö´Ï¸ÞÀ̼Ç
   ✔ ¾Æ·¡¿¡¼­ ÀÚ¿¬½º·´°Ô ¿Ã¶ó¿À¸ç µîÀå
=================================================== */
@keyframes line1_show {
  0% {
    opacity: 0;
    transform: translateY(12px);  /* ¾Æ·¡¿¡¼­ ½ÃÀÛ */
  }


  20% {
    opacity: 1;
    transform: translateY(0);     /* ÀÚ¿¬½º·´°Ô ¿Ã¶ó¿È */
  }


  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ===================================================
   🔹 2ÁÙ ¾Ö´Ï¸ÞÀ̼Ç
   ✔ 1ÁÙ ÀÌÈÄ µîÀå
=================================================== */
@keyframes line2_show {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }


  40% {
    opacity: 0;
    transform: translateY(12px);  /* ´ë±â */
  }


  65% {
    opacity: 1;
    transform: translateY(0);     /* µîÀå */
  }


  100% {
    opacity: 1;
    transform: translateY(0);
  }
}